<div class="small-chat-box fadeInRight animated">

	<div class="heading" draggable="true">
		<small class="chat-date pull-right">
			2015.9.1
		</small>
		与 Beau-zihan 聊天中
	</div>

	<div class="content">
		<div class="left">
			<div class="author-name">
				Beau-zihan
				<small class="chat-date">
					10:02
				</small>
			</div>
			<div class="chat-message active">
				你好
			</div>
		</div>
		<div class="right">
			<div class="author-name">
				游客
				<small class="chat-date">
					11:24
				</small>
			</div>
			<div class="chat-message">
				你好，请问H+有帮助文档吗？
			</div>
		</div>
		<div class="left">
			<div class="author-name">
				Beau-zihan
				<small class="chat-date">
					08:45
				</small>
			</div>
			<div class="chat-message active">
				有，购买的H+源码包中有帮助文档，位于docs文件夹下
			</div>
		</div>
		<div class="right">
			<div class="author-name">
				游客
				<small class="chat-date">
					11:24
				</small>
			</div>
			<div class="chat-message">
				那除了帮助文档还提供什么样的服务？
			</div>
		</div>
		<div class="left">
			<div class="author-name">
				Beau-zihan
				<small class="chat-date">
					08:45
				</small>
			</div>
			<div class="chat-message active">
				1.所有源码(未压缩、带注释版本)；
				<br> 2.说明文档；
				<br> 3.终身免费升级服务；
				<br> 4.必要的技术支持；
				<br> 5.付费二次开发服务；
				<br> 6.授权许可；
				<br> ……
				<br>
			</div>
		</div>
	</div>
	<div class="form-chat">
		<div class="input-group input-group-sm">
			<input type="text" class="form-control"> <span class="input-group-btn">
			<button class="btn btn-primary" type="button">发送</button> </span>
		</div>
	</div>
</div>
<div id="small-chat">
	<span class="badge badge-warning pull-right">5</span>
	<a class="open-small-chat">
		<i class="fa fa-comments"></i>
	</a>
</div>